Vue 'methods' Option

Vue 'পদ্ধতি' বিকল্পটি শিখুন

Vue 'methods' Option

🎯 Example

একটি বার্তা পরিবর্তন করতে পদ্ধতি বিকল্পের মধ্যে একটি পদ্ধতি ব্যবহার করে।

export default {
  data() {
    return {
      msg: 'Hello World!',
      showMsg: false
    };
  },
  methods: {
    toggleMsg() {
      this.showMsg = !this.showMsg;
    }
  }
};

Definition and Usage

মেথডস অপশন হল একটি অবজেক্ট যাতে Vue ইনস্ট্যান্সে ঘোষিত সমস্ত পদ্ধতি রয়েছে।

একটি Vue অ্যাপ্লিকেশনের <টেমপ্লেট> থেকে পদ্ধতিগুলিকে সরাসরি (এই কীওয়ার্ড ছাড়া) কল করা যেতে পারে, উদাহরণস্বরূপ, v-অন নির্দেশিকা ব্যবহার করে একটি ঘটনা ঘটলে একবার চালানোর জন্য একটি পদ্ধতি সেট করার সময়।

এই কীওয়ার্ডটি একটি Vue ইন্সট্যান্সের মধ্যে থেকে একটি মেথডকে কল করার জন্য ব্যবহার করা উচিত, উদাহরণস্বরূপ যখন একটি মেথডকে অন্য পদ্ধতি দ্বারা কল করা হয়।

⚠️দ্রষ্টব্য:

পদ্ধতি ঘোষণা করার সময় তীর ফাংশন এড়ানো উচিত, কারণ এই কীওয়ার্ড ব্যবহার করে একটি Vue ইনস্ট্যান্স এই ধরনের ফাংশনের মধ্যে থেকে অ্যাক্সেস করা যাবে না।

Vue Exercises

Vue 'পদ্ধতি' বিকল্প সম্পর্কে আপনার জ্ঞান পরীক্ষা করতে এই টিউটোরিয়ালটি চেষ্টা করুন।

Vue.js , methods ?

সাধারণ ফাংশন ব্যবহার করুন এবং এটি একটি বৈধ Vue উদাহরণ উপস্থাপন করবে
✓ ঠিক আছে! সাধারণ ফাংশন Vue পদ্ধতির জন্য বৈধ। তারা এর মাধ্যমে Vue ইনস্ট্যান্সে অ্যাক্সেসের অনুমতি দেয় এবং ডেটা বৈশিষ্ট্য এবং অন্যান্য পদ্ধতির সাথে সঠিকভাবে কাজ করে
তীর ফাংশন ব্যবহার করুন, যার সংক্ষিপ্ত সিনট্যাক্স আছে
✗ ভুল! তীর ফাংশন Vue পদ্ধতিতে প্রযোজ্য নয়। তারা তাদের নিজস্ব এই মানটি আবদ্ধ করে, যা একটি Vue উদাহরণকে প্রতিনিধিত্ব করে না
.bind(এই) সহ স্পষ্টভাবে আবদ্ধ ফাংশন ব্যবহার করুন।
✗ ভুল! স্বাভাবিক কার্যক্রম যথেষ্ট। Vue পদ্ধতিতে স্পষ্ট বাঁধাইয়ের প্রয়োজন নেই, কারণ Vue এটি স্বয়ংক্রিয়ভাবে পরিচালনা করে
অখণ্ড ফাংশন ব্যবহার করুন, যা একটি অ্যারেতে সংজ্ঞায়িত করা হয়
✗ ভুল! পদ্ধতি একটি অ্যারে সংজ্ঞায়িত করা হয় না. তারা একটি বস্তুর মধ্যে সংজ্ঞায়িত করা হয়, প্রতিটি পদ্ধতি একটি ফাংশন হচ্ছে